<template>
  <el-row>
    <!-- <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> -->

    <el-col :xs="{span:24}" :sm="{span:24}" :md="{span:24}" :lg="{span:24}" :xl="{span:24}">
      <el-breadcrumb separator-class="el-icon-arrow-right">
        <el-breadcrumb-item v-for="(item,index) in breadInfoList" :key="index">{{item}}</el-breadcrumb-item>
      </el-breadcrumb>
    </el-col>
  </el-row>
</template>
<script>
export default {
  props: ["breadInfoList"],
  data() {
    return {};
  }
};
</script>
<style lang='scss' scoped>
.el-breadcrumb {
  font-size: 14px;
  line-height: 50px;
  height: 50px;
  padding-left: 20px;
  background: #fff;
}
</style>